<template>
  <!--系统用户-->
  <div class="user-manger">
    <Breadcrumb :style="breadcrumbStyle">
      <BreadcrumbItem>{{sysName}}</BreadcrumbItem>
      <BreadcrumbItem>系统管理</BreadcrumbItem>
      <BreadcrumbItem>用户管理</BreadcrumbItem>
    </Breadcrumb>
    <Content :style="contentStyle">
      <Table :columns="userTableColumns" :data="userTableData"></Table>
    </Content>
  </div>
</template>

<script>
  import {arguproperities} from '../../constants/ArguConstants'

  export default {
    name: "UserList",
    data() {
      return {
        breadcrumbStyle: arguproperities.breadcrumbStyle,
        contentStyle: arguproperities.contentStyle,
        sysName: arguproperities.sysName,
        userTableColumns: [
          {
            title: '登入名',
            key: 'username',
          }, {
            title: '姓名',
            key: 'name',
          }, {
            title: '年龄',
            key: 'age',
          }, {
            title: '性别',
            key: 'sex',
          }, {
            title: '学历',
            key: 'academic',
          }, {
            title: '职业',
            key: 'career',
          }, {
            title: '通讯地址',
            key: 'communicateAddr',
          }, {
            title: '注册时间',
            key: 'regTime',
          }
        ],
        userTableData: [
          {
            username: 'test',
            name: 'jianjian',
            age: 20,
            sex: 'male',
            academic: '本科',
            career: '工程师',
            communicateAddr: '上海市徐汇区凯宾路206号 平安大厦',
            regTime: new Date()
          }
        ]
      }
    }

  }
</script>

<style scoped>

</style>
